/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1.data_desc 
* Browsers: last 4 version
*/

@charset "utf-8";
/* usually */
html{ color: #333333;font-family:'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;}
body {font-size: 14px;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,span,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,:after,:before{margin:0;padding:0;box-sizing: border-box;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #333333}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.ti2{text-indent: 2em;}
.db{display:block;}.dn{display:none;}.dib{display: inline-block;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-web:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-phone:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.rel{position:relative;}.abs{position:absolute;}
.img-responsive{max-width: 100%; height: auto; display: block;}
.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.ellipsis1{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap;}
img {border:none;display: inline-block;height: auto;max-width: 100%;}
/*margin*/
.m0{margin: 0px;}
.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}
.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}
.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mr25 {margin-right: 25px;} .pb40 {padding-bottom: 40px;}
/*padding*/
.p0{padding: 0px;}
.p1{padding: 1px;}.pl1{padding-left: 1px;}.pt1{padding-top: 1px;}.pr1{padding-right: 1px;}.pb1{padding-bottom: 1px;}
.p2{padding: 2px;}.pl2{padding-left: 2px;}.pt2{padding-top: 2px;}.pr2{padding-right: 2px;}.pb2{padding-bottom: 2px;}
.p5{padding: 5px;}.pl5{padding-left: 5px;}.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}
.p10{padding: 10px;}.pl10{padding-left: 10px;}.pt10{padding-top: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}
.p15{padding: 15px;}.pl15{padding-left: 15px;}.pt15{padding-top: 15px;}.pr15{padding-right: 15px;}.pb15{padding-bottom: 15px;}
.p20{padding: 20px;}.pl20{padding-left: 20px;}.pt20{padding-top: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}
.block {display: block;width: 100%;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {pointer-events: all;}
.pages {
  text-align: center;
  padding: 75px 0;
}

.pages li {
  display: inline-block;
  font-size: 0.83vw;font-size: max(0.83vw,14px);
  margin-right: 0.5%;
  color: #666666;
  border: 1px solid #eeeeee;
  border-radius: 3px;
}
.pages li .iconfont::before {font-size: 14px;}
.pages li a {
  padding: 7px 14px;
  display: inline-block;
  color: #666666;
}
.pages li span {
  padding: 7px 14px;
  display: inline-block;
  color: #666666;
}

.pages li.thisclass {
  background:#0c5285;
  border-color: #0c5285;
}
.pages li.thisclass a {
  color: #fff;
}
.pages li.noborder {border: none;background-color: transparent;padding: 0;}
.pages li .turn-input {color: #666666;padding: 8px 12px 7px;background-color: #fff;width: 48px;}

input[type="date"].full:before {
  color: #666;
  content: ""!important;
}

input[type="date"] {
  direction: ltr;
}

input[type="date"]:before {
  color: #999;
  content: attr(placeholder);
}

input[type="text"],textarea,button,input[type="password"],input[type="date"] {
  border: none;
  outline: none;
  background-color: transparent;
}
input[type="text"],input[type="password"],input[type="date"] {
  -webkit-appearance: none;
}
/* ::-webkit-input-placeholder{}
:-moz-placeholder{}
::-moz-placeholder{}
:-ms-input-placeholder{}  */

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.just-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.just-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inline-flex {
  display: inline-flex;
}
.no {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
          z-index: 9;
}

.menu {
  display: none;
  margin-left: 6px;
}

.menu i {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #185a8b;
  margin-top:6px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition:-webkit-transform 0.3s;
  transition:-webkit-transform 0.3s;
  -o-transition:transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s, -webkit-transform 0.3s;
}
.menu i:first-child {
  margin-top: 0;
}
.menu.rotate i:nth-of-type(1) {
  -webkit-transform: rotate(42.5deg);
      -ms-transform: rotate(42.5deg);
          transform: rotate(42.5deg);
}
.menu.rotate i:nth-of-type(2){
  opacity: 0;
}

.menu.rotate i:nth-of-type(3){
  -webkit-transform: rotate(-42.5deg);
      -ms-transform: rotate(-42.5deg);
          transform: rotate(-42.5deg);
}

.banner {position: relative;}
.banner-i {
  width: 100%;
  display: block;
}

.menu,.mobile-img {
  display: none;
}


.gx {
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  background: transparent;
  border: none;
  outline: none;
  margin-right: 5px;
}
.raido-box {margin: 50px 0 110px;}

.gx:checked::after {
  background: #0582e6 url(../img/gx.png) no-repeat 0px 0px;
  background-size: 100%;
  border: 1px solid #0582e6;
}

.gx:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
}

.normal-select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  width: 100%;
}


.normal-place ::-webkit-input-placeholder{
  font-size: 0.9375vw;font-size: max(0.9375vw,16px);
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.normal-place ::-moz-placeholder{
  font-size: 0.9375vw;font-size: max(0.9375vw,16px);
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.normal-place :-ms-input-placeholder{
  font-size: 0.9375vw;font-size: max(0.9375vw,16px);
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

.normal-place2 ::-webkit-input-placeholder{
  font-size: 14px;
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.normal-place2 ::-moz-placeholder{
  font-size: 14px;
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.normal-place2 :-ms-input-placeholder{
  font-size: 14px;
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

.normal-place3 ::-webkit-input-placeholder{
  font-size: 0.83vw;font-size: max(0.83vw,14px);
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.normal-place3 ::-moz-placeholder{
  font-size: 0.83vw;font-size: max(0.83vw,14px);
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.normal-place3 :-ms-input-placeholder{
  font-size: 0.83vw;font-size: max(0.83vw,14px);
  color: #999999;
  font-family: 'Microsoft YaHei', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

.icon_plus {display: inline-block;width: 18px;height: 18px;position: relative;display: none;}
.icon_plus::before,.icon_plus:after {content: "";display: block;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;transition: transform .3s ease-in;}
.icon_plus:after {transform: translate(-50%,-50%) rotate(90deg);}
.icon_plus.rotate:after {transform: translate(-50%,-50%) rotate(0);}

.icon_plus.col-fff::before,.icon_plus.col-fff::after {background-color: #fff;}
.icon_plus_1 {display: inline-block;position: absolute;width: 20px;height: 20px;right: 0;top: 20px;cursor: pointer;}
.icon_plus_1::after,.icon_plus_1::before {content: "";display: block;width: 100%;height: 3px;background-color: #d8d8d8;position: absolute;top: 50%;transform: translate(-50%,-50%);transition: transform .3s ease-in;left: 50%;}
.icon_plus_1::after {transform: translate(-50%,-50%) rotate(90deg);}

.icon_plus_1.rotate::after {transform: translate(-50%,-50%) rotate(0deg)}
.icon_plus_1.rotate::before,.icon_plus_1.rotate::after {background-color: #1865b0;}

[class*=btn] {cursor: pointer;}
.head-rs-input-box {width: 345px;}
.head-rs-input-box .heas-rs-val {width: 100%;height:45px;line-height: 45px;padding: 0 20px;color: #666;font-size: 0.83vw;font-size: max(0.83vw,14px);background-color: #fff;flex: 1;}
.head-rs-btn2 {display: inline-flex;width: 45px;height: 45px;background-color: #0c5285;color: #fff;align-items: center;justify-content: center;}
.head-rs-btn2 .iconfont {font-size: 20px;}
.head-rs-drop {position: absolute;bottom: calc(-1.82vw + 4px);transform: translate(0,100%);right: 5px;display: none;}

.head-show .head-rs-drop {
  display: block;
  animation: hideIndex .3s ease;
}
.head-rsearch-rel .head-rs-btn .icon-close {display: none;}
.head-show .head-rs-btn .icon-close {display: block;}
.head-show .head-rs-btn .icon-sousuo {display: none;}
.head-show::after {content:"";height: 3px;background-color: #dbdbdb;bottom: 0;transform: translate(0,100%);position: absolute;width: 100%;}
@keyframes hideIndex{
  0%{ opacity: 0;}
  100%{opacity: 1;}
}

@keyframes hideIndex1{
  0%{ opacity: 0;padding-top: 18px;}
  100%{opacity: 1; padding-top: 0;}
}

@keyframes hideIndex3{
  0% {
    opacity: 0;
    padding-right: 38px;
  }
  100% {
    opacity: 1;
    padding-right: 20px;
  }
}


@-webkit-keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

.lg_sfdh {
  animation: play_btn 0.5s infinite alternate;
}

@keyframes play_btn{
  0%{transform:scale(1.0)}
  100%{transform:scale(1.1)}
}


@keyframes btn01_border_02 {
  from {
    height: 0;
    top:  0;
  }
  100% {
    height: 100%;
    top:  0;
  }
}
.responsive-y {overflow-y: auto;overflow-x: hidden;}
.responsive-y::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.responsive-y::-webkit-scrollbar-thumb {
  background-color: #004170;
  border-radius: 3px;
}



@media (min-width:992px) {
  
}


.el-cancel {
  width: 20px;
  height: 20px;
  background-color: #d70707;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: -10px;
  top: 0;
  transform: translate(-100%,0);
  cursor: pointer;
}

.el-cancel:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}

.center-box {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.33vw;
}
.center-box1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 72.91vw;
  z-index: 1;
  position: relative;
}

.head-left {padding: 0.78vw 0;}
.head {box-shadow: 8px 8px 8px rgba(0,0,0,0.14);}
.head-fixed {position: sticky;position: -webkit-sticky;top: 0;z-index: 99;background-color: #fff;width: 100%;left: 0;}
.head-lflag {display: inline-flex;min-width: 7.81vw;align-items: center;justify-content: center;font-size: 12px;color: #ffffff;border-radius: 999px;background-color: #0054a3;padding: 0 15px;}
.head-litit {font-size: 0.9375vw;font-size: max(0.9375vw,16px);;color: #030303;font-weight: 600;}
.head-logo {padding-right: 20px;}
.head-linfo {padding-left: 20px;}
.head-linfo::before {content: "";display: block;width: 1px;height: 100%;background-color: #bfbfbf;top: 50%;transform: translate(0,-50%);left: 0;position: absolute;}
.head-nav-ul>li {font-size: 0.83vw;font-size: max(0.83vw,14px);position: relative;}
.head-nav-ul>li + li {margin-left: 2.60vw;}
.drop-tab a {padding: 1.82vw 0;position: relative;}
.drop-tab a::after{content: "";display: block;width: 100%;height: 3px;background-color: #0c5285;bottom: 0;left: 50%;transform: translate(-50%,0);position: absolute;width: 0;transition: width .3s ease;}
.head-nav-ul>li.on .drop-tab a::after,.head-nav-ul>li:hover .drop-tab a::after {width: 100%;}
.head-nav-ul>li.on .drop-tab a,.head-nav-ul>li:hover .drop-tab a {color: #0c5285;}
.logo {max-width: 178px;}
.swiper-banner .swiper-slide {height:auto}
.swiper-banner-pagination.swiper-pagination-bullet-active {background-color: #0c5285;}
.head-rs-btn {display: inline-flex;width: 34px;height: 34px;background-color: #f0f0f0;border-radius: 50%;align-items: center;justify-content: center;}
.head-rs-tel-box::before {content: "";display: block;width: 1px;height: 100%;position: absolute;top: 50%;transform: translate(0,-50%);background: #eeeeee;left: 0;}
.head-rsearch-rel{padding-right: 20px;}
.head-rs-telinfo {padding-left: 20px;position: relative;}
.head-rs-telnum {font-size: 0.9375vw;font-size: max(0.9375vw,16px);;color: #185a8b;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.full-screen .full-media {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;}
  
  .banner-word {position:absolute;width:100%;top:50%;transform:translate(0,-50%)}
  .banner-vice-tit {font-size: 1.04vw;font-size: max(1.04vw,15px);
    color: rgba(31,186,186,1);
    line-height: 1.5;
    font-weight: bold;}
    .banner-tit {
        font-size: 1.66vw;
    color: rgba(255,255,255,1);
    margin-top: 10px;
    font-weight: bold;
    }
    .banner-desc {
        line-height: 1.7em;
        color: rgba(255,255,255,1);
    margin-top: 40px;
    font-size: 16px;
    max-width: 1200px;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow: hidden;
    }
    .banner-adv .col-sky {color: rgba(31,186,186,1);font-size:18px}
    .banner-adv>li {padding-top:20px}
    .banner-adv {column-count: 2; column-gap: 20px;font-size: 0.83vw;font-size: max(0.83vw,14px);color:#fff;max-width:400px;padding-top:20px}
.normal-tit {font-size: 2.25vw;color: #292929;font-weight: 600;display: inline-block;position: relative;}
.normal-tit:not(.no-content):before {content: "";display: block;width: 1.38em;height: 0.23em;background-color: #ff9f23;position: absolute;right: -15px;bottom: 0;}
.module-box {padding-top: 8.89vw;}
.normal-desc {color: #676767;margin-top: 20px;font-size: 0.9375vw;font-size: max(0.9375vw,14px);}

.noraml-en {font-size: 7.06vw;font-size: max(7.06vw,40px);color: #f7f7f9;position: absolute;text-transform: uppercase;font-weight: 600;bottom: 50%;transform: translate(0,50%);}
.product-case-trul>li:hover {background-color: #ff8c3d;color: #fff;border-color: #ff8c3d;border-left-color: #fff;border-right-color: #fff;}
.product-case-trul>li:hover a {color: #fff;}
.product-case-trul>li {width: 11.20vw;height: 2.60vw;border: 1px solid #bfbfbf;text-align: center;color: #666;transition: all .3s ease;min-width: 140px;min-height: 35px;}
.product-case-trul>li>a {color: #666;width: 100%;height: 100%;display: inline-flex;align-items: center;justify-content: center;}
.product-case-trul>li.on {background-color: #ff8c3d;color: #fff;border-color: #ff8c3d;}
.product-case-trul>li.on>a {color: #fff;}
.point-img {position: absolute;top: 50%;right: 0;}
.prod_dtit .point-img {top: unset;bottom: 0;}
.product-case-b-right {width: 70%;padding-left: 15px;}
.product-case-bl-top {padding-right: 1.30vw ;}
.product-case-bleft {background: #0c5285 url(../img/global.png) no-repeat 122% 105%;padding: 2.08vw 0 3.125vw 1.82vw;width: 30%;background-size: 57.02% auto;}
.product-case-bl-tit{display: inline-block;position: relative;font-size: 1.45vw;font-weight: 600;}
.check-more-btn {font-size: 0.83vw;font-size: max(0.83vw,14px);}
.product-case-bl-ul>li>a {padding: 15px 0;font-size: 0.83vw;font-size: max(0.83vw,14px);color: #88aac3;transition: transform .3s ease,color .3s ease;}
.product-case-bl-ul>li>a .icon-arrowright {display: none;}
.product-case-bl-ul>li {margin-top: 15px;}
.product-case-bl-ul {padding:0 2.6vw 0 0;}
.product-case-bl-box {max-height: 406.25px;margin-top: 1.56vw;}

/* .product-case-bl-ul>li:hover a, */
.product-case-bl-ul>li.on a{transform: translate(1.30vw,0);background-color: rgba(255,255,255,0.1);color: #fff;padding: 15px;}
/* .product-case-bl-ul>li:hover .icon-arrowright, */
.product-case-bl-ul>li.on .icon-arrowright{display: block;}

.pro-list-tab>li {padding: 25px 0;font-size: 0.83vw;font-size: max(0.83vw,14px);color: #666666;position: relative;cursor: pointer;}
.pro-list-tab>li a {color: #666;}
.pro-list-tab>li.on {color: #0c5285;}
.pro-list-tab>li.on a {color: #0c5285;}
.pro-list-tab>li + li {margin-left: 1.6vw;}
.product-case_brul {width: 100%;height: 100%;margin-top: -5px;}
.product-case_brul>li {width: calc(50% - 5px);height: calc(50% - 2.5px);margin-left: 5px;margin-top: 5px;background-repeat: no-repeat;background-size: cover;background-position: center center;border-radius: 7px;overflow: hidden;transition: transform .1s ease;}
.product-case_brul>li>a {width: 100%;height: 100%;transition:background-color .3s ease,color .3s ease;color: #000000;}
.product-case_brul>li:hover {background-image: url()!important;transform: scale(1.04);transition: transform .3s ease;}
.product-case_brul>li:hover>a {background-color: #0c5285;color: #fff;}
.product-case-brul-tit {font-size: 1.31vw;line-height: 1.5em;}
.product-case-brul-left {padding-top: 3.65vw;padding-left: 2.08vw;width: 48.5%;}
.product-case-brul-right {display: flex;align-items: center;justify-content: flex-end;}
.product-case-brul-icon {margin-top: 1.30vw;transition: all .3s ease;display: none;}

.product-case-brul-icon .iconfont{font-size: 1.56vw;color: #ff8c3d;}
.pro-case-img {max-height: 91%;}
.pro-list-tab>li:hover::after {
  width: 100%;
}
.service-bl-tit {color: #0054a3;font-size: 1.56vw;font-weight: 600;display: inline-block;padding: 1.04vw 0;border-bottom: 3px solid #0054a3;}
.service-bl-desc {font-size: 0.9375vw;font-size: max(0.9375vw,14px);margin-top: 1.56vw;line-height: 2em;}
.service-index {font-size: 2.60vw;font-family: Arial, Helvetica, sans-serif;margin-right: 1.04vw;}
.hover-tit a:hover [class*=tit] {color: #0c5285;}
.hover-a a:hover {color: #0c5285;}
.pro-list-tab>li.on::after {
  width: 100%;
}
.pro-list-tab>li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0c5285;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 0;
  width: 0;
  transition: width .3s ease;
}
.pro-list-tab>li.on a, .pro-list-tab>li.on {
  color: #0c5285;
}
.swiper-footer {height: auto;}
.scroll-swiper>.swiper-wrapper>.swiper-slide:not(.swiper-footer)  {height: 100%;}
.swiper-slide {user-select: none;}
.comp-desc-span {position: relative;display: inline-block;padding: 30px 0;}
.comp-desc-span::after {content: "";display: block;width: 100%;height: 4px;background-color: #0075c2;bottom: 0;left: 0;position: absolute;}
.company-desc {padding: 3.12vw 0 5.72vw;background-color: #f5f6f9;}
.company-desc-tit {font-size: 2.18vw;font-weight: 600;border-bottom: 1px solid #e6e5ee;}
.nav-position {font-size: 0.83vw;font-size: max(0.83vw,14px);color: #666666;border-bottom: 1px solid #dcdcdc;}
.nav-position a {color: #666666}
.nav-position-right {padding: 25px 0;}
.nav-position-right .iconfont {font-size: 0.9375vw;font-size: max(0.9375vw,16px);}
.company-desc-left,.company-desc-right {width: 50%;}
.company-desc-right {padding: 0 15px;}
.company-vice-tit {font-size: 1.25vw;margin: 0 0 1.30vw;}
.company-desc-inner {margin-top: 40px;}
.company-desc-text {line-height: 2.14em;}
.company-desc-text p {margin: 1.30vw 0;}
.company-desc-img-box::before {content: "";width: 100%;height: 100%;background-color: #0054a3;width: 43.60%;height: 71.78%;background-color: #0054a3;transform: translate(15px,15px);position: absolute;right: 0;bottom: 0;}
.comp-year-top {font-size: 2.60vw;color: #0054a3;font-weight: 600;}
.comp-year>li {text-align: center;width: 24%;position: relative;}
.comp-year>li::after {content: "";display: block;width: 1px;height: 100%;background-color: #d2d2d2;left: 0;top: 50%;position: absolute;transform: translate(0,-50%);}
.comp-year>li:first-child::after {display: none;}
.comp-year>li:nth-of-type(4) {width: 28%;}
.comp-year-bott {font-size: 0.83vw;font-size: max(0.83vw,14px);padding-top: 15px;}
.comp-year {margin-top: 6.25vw;}
.step-group {padding:4.16vw 0 14.06vw;background-repeat: no-repeat;background-position: center;background-size: cover;}
.step-tit {font-size: 2.18vw;font-weight: 600;}
.step-desc {font-size: 0.83vw;font-size: max(0.83vw,14px);margin-top: 20px;}
#swiper-step {height: 32.29vw;min-height: 300px;}
.step-inner {margin-top: -11.35vw;padding-bottom: 100px;}
.step-box-left {width: 50%;padding: 55px 15px 55px 0;}
.step-inner-box {background-color: #f5f6f9;}
.step-box-right {width: 50%;}
.swiper-step-tit {font-size: 1.25vw;font-weight: 600;color: #0054a3;}
.swiper-step-desc {font-size: 0.83vw;font-size: max(0.83vw,14px);color: #666666;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
.swiper-step .swiper-slide {padding-left: 3.38vw;position: relative;}
.swiper-step .swiper-slide::before {content: "";display: block;width:0.78vw;height: 0.78vw;background-color: #0054a3;position: absolute;top: 0;left: 2.08vw;transform: translate(-50%,4px) rotate(45deg);min-width: 10px;min-height: 10px;}
.swiper-step::before {content: "";display: block;width: 1px;height: 100%;background-color: #bfbfbf;top: 0;left: 2.08vw;position: absolute;}
.step-box-img {height: 100%;object-fit: cover;width: 100%;}

.footer {color: #fff;background-color: #262626;}
.footer-bott {padding: 20px 0;text-align: center;font-size: 12px;border-top: 1px solid #3c3c3c;}
.footer-tl-tel-text {font-size: 0.83vw;font-size: max(0.83vw,14px);margin-top: 1.82vw;}
.footer-tl-tel-text .iconfont {font-size: 0.9375vw;font-size: max(0.9375vw,16px);;}
.footer-tl-tel {font-size: 1.56vw;font-weight: 600;}
.footer-link{display: block;}
.footer-top{padding: 55px 0 32px;}
.footer-tl-add {color: #939393;}
.footer-tm-top {font-size: 0.9375vw;font-size: max(0.9375vw,16px);;margin-bottom: 1.82vw;}
.footer-links .footer-link {color: #939393;margin-top: 10px;}
.footer-top-left {padding-right: 1.82vw;width: 21.25%;}
.footer-top-mid {padding: 0 2.60vw;position: relative;}
.footer-top-mid::before,.footer-top-mid::after {content: "";display: block;width: 1px;height: 100%;background-color: #3c3c3c;top: 0;position: absolute;}
.footer-top-mid::before {left: 0;}
.footer-top-mid::after {right: 0;}
.footer-top-right {padding-left: 3.95vw;width: 19.375%;}
.footer a {color: #fff;}
.footer-tl-text {font-size: 0.9375vw;font-size: max(0.9375vw,16px);}
.footer-code {margin-top: 1.56vw;}
.service-box-bleft,.service-box-bright {width: 50%;}
.service-box-bleft {padding-right: 4.16vw;padding-bottom: 6.875vw;}
.service-box-bright {padding-left: 10px;}
.normal-mt {margin-top: 3.125vw;}
.sr-img {box-shadow: 17px 17px 27px rgba(0,0,0,0.31);border-radius: 23px;}
.service-tab-ul {position: absolute;right: 4.16vw;bottom: 0;width: calc(100% - 4.16vw);}
.service-tab-ul>li {width: 6.875vw;height: 6.875vw;border-radius: 50%;color: #0054a3;text-align: center;border: 0.52vw solid #dce5f0;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;min-width: 90px;min-height: 90px;padding: 5px;background-color: #fff;}
.service-tab-ul>li .iconfont {font-size: 2.08vw;}
.service-tab-bott {margin-top: 5px;}
.service-bj {background-color: #f5f6f9;}
.service-bj .noraml-en {color: #e4edf4;}
.service-tab-ul>li.on {background-color: #ff9f23;color: #fff;}
.service-box-bleft-posi {height: 100%;left: 0;top: 0;position: absolute;}
.service-box-item {display: none;}
.service-box-item:first-child{display: block;}
.partner_box {padding:  2.60vw 0 4.47vw;}
.swiper-partner-box {margin-top: 1.30vw;}
.swiper-partner .swiper-slide {border: 1px solid #bfbfbf;
  height: 6.14vw;
  min-height: 70px;
  display: flex;align-items: center;justify-content: center;}
.friend-links {margin-right: 1.56vw;margin-bottom: 5px;color: #666;}
.friend-dl>dt {padding-right: 1.04vw;white-space: nowrap;}
.friend_box {background-color: #f5f6f9;padding: 1.56vw 0;}
.swiper-partner-prev,.swiper-partner-next {width: 1.82vw;background-color: #0c5285;color: #fff!important;height: 100%;margin: 0;top: 50%;transform: translate(0,-50%);min-width: 25px;}
.swiper-partner-prev {left: 0;}
.swiper-partner-next {right: 0;}
.swiper-partner-prev::after,.swiper-partner-next::after {font-size: 20px;}
.swiper-partner-box {padding: 0 max(2.91vw,30px);}
.swiper-partner-prev.swiper-button-disabled, .swiper-partner-next.swiper-button-disabled {
  opacity: 1;
  background-color: #f7f7f9;
  color: #737782;
}

.pa-img {max-height: 80%;}
.cul-inner {
  display: flex;
}
.cul-ul>li:nth-of-type(2n+1) .cul-left {
  display: flex;
  justify-content: flex-end;
}
.cul-left, .cul-right {
  width: 50%;
}
.cul-posi {
  position: absolute;
  top: 50%;
  z-index: 9;
}
.cul-ul>li {
  margin-top: 4.16vw;
  position: relative;
}
.cul-ul>li:nth-of-type(2n + 1) .cul-posi {
  left: -55px;
  transform: translate(-100%,-50%);
}

.cul-lbox::after {
  content: "";
  width: 135px;
  height: 3px;
  background-color: #017dc5;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
}
.cul-ul>li:nth-of-type(2n + 1) .cul-lbox::after {
  left: -55px;
}
.cul-right {
  background-color: #fff;
  padding-top: 5.5vw;
  padding-left: 2.08vw;
}
.cul_itit {
  font-size: 1.56vw;
  color: #017dc5;
  padding-bottom: 15px;
  position: relative;
}
.cul-desc {
  font-size: 0.9375vw;font-size: max(0.9375vw,16px);;
  margin-top: 20px;
}
.cul-ul>li:nth-of-type(2n) .cul-inner {
  flex-direction: row-reverse;
}

.cul-ul>li:nth-of-type(2n) .cul-right {
  padding-left: 0;
  padding-right: 2.08vw;
}
.cul-ul>li:nth-of-type(2n) .cul-posi {
  right: -55px;
  transform: translate(100%,-50%);
}
.cul-ul>li:nth-of-type(2n) .cul-lbox::after {
  right: -55px;
}
.cul_img {
  display: block;
  width: 100%;
}
.cul-ul>li:nth-of-type(2n) .cul-left {
  display: flex;
  justify-content: flex-start;
}

.cul_itit::after {
  content: "";
  display: block;
  width: 52px;
  height: 4px;
  background: #017dc5;
  position: absolute;
  bottom: 0;
}
.cul-ul>li::before {
  content: "";
  display: block;
  width: calc(calc(100vw - 72.91vw) / 2);
  position: absolute;
  height: 100%;
  background-color: #fff;
}

.cul-ul>li:nth-of-type(2n)::before {
  left: 0;
}

.cul-ul>li:nth-of-type(2n+1)::before {
  right: 0;
}
.news_news_details-group {padding-bottom: 2.34vw;border-bottom: 1px solid #eeeeee;}
.h-img{max-height: 284px;}
.hornor-utop {padding: 20px ;max-height: 340px;}
.culture-box {background-color: #f5f6f9;padding: 3.12vw 0 5.72vw;}
.hornor-box {padding: 3.12vw 0 5.72vw;}
.hornor-ul>li {width: 23.125%;margin-left: 2.5%;border: 1px solid #e5e5e5;text-align: center;margin-top: 35px;border-radius: 5px;overflow: hidden;cursor: pointer;}
.hornor-ul>li:hover .hornor-ubott {background-color: #0054a3;color: #fff;}
.hornor-ul>li:nth-of-type(4n+1) {margin-left: 0;}
.hornor-ubott{padding: 20px 0;font-size: 0.83vw;font-size: max(0.83vw,14px);color: #000;background-color: #eee;transition: all .3s ease;}
.marks {position: fixed;top: 0;left: 0;width: 100%;background: rgba(0, 0, 0, .75);height: 100%;z-index: 999;display: none;}
.marks-inner{width: 100%;height: 100%;}
.hornor-swiper {max-width: 1000px;}
.hornor-swiper .swiper-slide{display: flex;align-items: center;justify-content: center;}
.hornor-swiper-img {width: 570px;max-height: 80vh;max-width: 60%;}
.swiper-hornor-prev,.swiper-hornor-next {width: 4.58vw;height: 8.75vw;border-radius: 999px;background-color: rgb(255, 255, 255,0.1);min-width: 45px;min-height: 85px;}
.swiper-hornor-prev::after,.swiper-hornor-next::after {color: #fff;font-weight: 600;}
.business-ul{padding-top: 12px;}
.business-ul>li {width: 24.375%;margin-left: 0.83%;position: relative;margin-top: 18px;}
.business-bott {padding: 10px 25px;position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, .7);font-size: 0.83vw;font-size: max(0.83vw,14px);color: #fff;} 
.business-ul>li:nth-of-type(4n+1) {margin-left: 0;}

.fac-mask {position: absolute;background-color: rgba(0, 46, 115,0.8);width: 100%;padding: 1.30vw 1.30vw 1.30vw 4.16vw;bottom: 0;}
.factory-bleft {width: 30.625%;}
.factory-bright {width: 69.375%;padding-left: 20px;}
.factory-blul {height: 100%;position: relative;}
.factory-blul::before {content: "";display: block;width: calc(100% - 2.60vw);height: 100%;background-color: #dcdcdc;bottom: 0;left: 50%;transform: translate(-50%,0);position: absolute;}
.factory-blul>li {padding: 1.30vw 1.56vw;width: calc(100% - 2.60vw);margin-left: auto;margin-right: auto;background-color: #dcdcdc;color: #000000;font-size: 0.9375vw;font-size: max(0.9375vw,14px);transition: width .3s ease;cursor: pointer;position: relative;}
.factory-blul>li.on {background-color: #0054a3;width: 100%;color: #fff;}
.fact-mask-tit {color: #fff;font-size: 1.25vw;font-weight: 600;padding-bottom: 0.78vw;display: inline-block;border-bottom: 1px solid #ffffff;}
.fact-mask-tit strong {position: absolute;transform: translate(-100%,0);left: -10px;}
.fac-mask-desc {font-size: 0.83vw;font-size: max(0.83vw,14px);margin-top: 10px;color: rgba(255, 255, 255, .4);}
.normal-box-item {display: none;}
.normal-box-item:first-child {display: block;}
.quality-bleft {width: 47.66%;}
.quality-bright {width: 52.34%;}
.quality-bright-posi {position: absolute;bottom: 0;right: 0;z-index: 9;}
.quality-br-num {position: absolute;right: 2.60vw;top: 1.56vw;font-size: 4.06vw;color: #dfdfdf;font-style: italic;font-weight: 600;font-family: Arial, Helvetica, sans-serif;}
.quality-bright-pd {padding: 3.0125vw 2.60vw  7.70vw;}
.quality-br-tit {color: #0054a3;font-weight: 600;font-size: 1.66vw;}
.quality-br-show {font-size: 1.14vw;color: #3f4543;margin-top: 5px;}
.quality-br-desc {font-size: 0.9375vw;font-size: max(0.9375vw,14px);margin-top: 1.04vw;max-width: 450px;line-height: 2em;}
.quality-br-tab-ul {background-color: #eeeeee;padding: 2.08vw 1.56vw;text-align: center;}
.quality-year{color: #0054a3;font-size: 2.60vw;}
.quality-year small {font-size: 14px;}
.quality-t-desc {color: #666666;margin-top: 5px;}
.quality-btab-ul {margin-top: 2.08vw;}
.quality-btab-ul>li {width: 20%;padding: 1.30vw 0;border: 1px solid #dddddd;position: relative;cursor: pointer;}
.quality-btab-ul>li.on::before {content: "";display: block;width: 0;height: 0;border-bottom: max(0.78vw,10px) solid #0054a3;border-left: max(0.78vw,10px) solid transparent;border-right: max(0.78vw,10px) solid transparent;top: 0;left: 50%;transform: translate(-50%,-100%);position: absolute;}
.quality-btab-ul>li + li {border-left: none;}
.quality-btab-ul>li .iconfont {font-size: 2.34vw;}
.quli-tab-tit {font-size: 1.14vw;color: #2e323b;}
.quli-tab-info {padding-left: 1.04vw;}
.quality-btab-ul>li.on {background-color: #0054a3;color: #fff;}
.quality-btab-ul>li.on * {color: #fff;}
.about_us_bleft {width: 50%;}
.about_us_bright {width: 50%;padding-left: 15px;}
.aboust_us_ctit{font-size: 1.40vw;color: #15598a;}
.abous_us_cdesc {color: #666666;line-height: 1.8em;margin-top: 1.04vw;}
.abous_us_cdesc p {margin: 1.82vw 0;}
.check-details {font-size: 0.83vw;font-size: max(0.83vw,14px);}
.ab-bj {background-repeat: no-repeat;background-size: 100% auto;background-position: center bottom;}
.abous_us_comp_info {margin-top: 2.08vw;padding-right: 2.18vw;}
.about_us_br-img {max-width: calc(100% - 9.89vw);}
.quality-bott-pd {padding-left: 3.125vw;}
.about_us_br_ul {border-radius: 20px 0  0 20px;overflow: hidden;width: 9.89vw;min-width: 110px;}
.about_us_br_ul>li {background-color: #2278b7;padding: 1.30vw;color: #fff;position: relative;overflow: hidden;height: 9.375vw;min-height: 145px;}
.about_us_br_ul>li a {color: #fff;}
.about_us_br_ul>li:hover {background-color: #0c5285;}
.about_us_br_tit {font-size: 0.9375vw;font-size: max(0.9375vw,14px);}
.ab_us_img {height: 2.39vw;width: auto;}
.about_us_br_ul>li:hover .ab_us_img {position: absolute;height: 3.33vw;transform: translate(31.25%,12.5%);right: 0;bottom: 0;opacity: 0.3;}
.br-img1 {height: 100%;object-fit: cover;}
.about_us_br_desc {opacity: 0.5;}
.about_us_br_icon {display: none;}
.about_us_br_ul>li:hover .about_us_br_icon {display: block;}
._news_tit {font-size: 0.9375vw;font-size: max(0.9375vw,16px);}
._news_bleft,._news_bright {width: 50%;}
._news_bright {padding: 0 1.56vw;}
._news_bleft ._news_tit,._news_date {font-size: 1.45vw;}
._news_bleft ._news_tit {padding-left: 1.04vw;margin-left: 1.04vw;border-left: 2px solid #cccccc;}
._news_desc {font-size: 0.83vw;font-size: max(0.83vw,14px);line-height: 1.8em;margin-top: 10px;color: #666;opacity: 0.66;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}
._news_bleft ._news_desc  {opacity: 1;}
._news_bl_bott {padding-top: 1.56vw;}
._news_br_ul_left {width: 7.29vw;text-align: center;min-width: 60px;}
._news_br_ul_right {width: calc(100% - 7.29vw);padding: 1.82VW 2.86vw 1.82vw 1.30vw;border-radius: 10px;transition: background-color .3s ease;max-width: calc(100% - 60px);}
._new_br_ul>li {position: relative;}
._new_br_ul {margin-top: -1.30vw;}
._new_br_ul>li:first-child::before {display: none;}
._new_br_ul>li::before {content: "";display: block;width: 2px;height: 60.57%;background-color: #d2d2d2;bottom: 70%;left: max(3.64vw,30px);transform: translate(-50%,0);position: absolute;}
._new_br_ul>li:hover ._news_br_ul_right {background-color: #0c5088;}
._new_br_ul>li:hover ._news_br_ul_right * {color: #fff;}
/* ._new_br_ul>li:hover ._news_date {color: #0c5088;} */
._new_br_ul .icon-Arrowrightnext {color: #ff9f23;font-size: 2.34vw;position: absolute;top: 50%;transform: translate(50%,-50%);position: absolute;right: 0;display: none;}
._new_br_ul>li:hover .icon-Arrowrightnext {display: block;}

.sea-flag {padding:5px;height: 40px;;display: inline-flex;align-items: center;justify-content: center;background-color: #0c5285;color: #fff;}
.sea-top {font-size: 0.9375vw;font-size: max(0.9375vw,16px)}
.sea-tit {color: #000;margin-right: 1.30vw;font-weight: 600;}
.sea-desc {font-size: 0.83vw;font-size: max(0.83vw,14px);color: #888888;margin-top: 1.30vw;line-height: 1.8em;}
.search-ul>li {padding: 1.82vw 0;border-bottom: 1px solid #dcdcdc;margin-top: 2.08vw;border-top: 1px solid #dcdcdc;}
.search-ul>li:first-child {border-top: 1px solid #dcdcdc;}

.cont-box {background-color: #f4f8ff;}
.cont-tit {font-weight: 600;font-size: 1.875vw;}
.cont-tit-pd {padding: 2.34vw 0;border-bottom: 1px solid #333333;}
.cont-tit-line {padding: 0 0 1.56vw;position: relative;}
.cont-tit-line::after {content: "";display: block;width: 1.5em;height: 0.13em;background-color: #1c5aa7;bottom: 0;left: 50%;transform: translate(-50%,0);position: absolute;border-radius: 2.5px;}
.cont-dl {font-size: 0.9375vw;font-size: max(0.9375vw,14px);line-height: 1.55em;flex:1;font-weight: 600;word-break: break-all;}
.cont-dl>dt {white-space: nowrap;}
.cont-dl>dd {flex: 1;}
.cont-ul>li {width: 23.43%;margin-left: 2.08%;background-color: #ffffff;padding: 1.30vw 1.30vw 10px 1.30vw;}
.cont-ul>li:nth-of-type(3) .cont-dl>dd{font-size: 0.83vw;font-size: max(0.83vw,14px);}
.cont-ul>li:nth-of-type(4n+1) {margin-left: 0;}
.cont-i-box {margin-right: 0.78vw;}
.cont-form {margin-top: 4.16vw;}
.map-box {height: 440px;}
.cont-info {margin-top: 2.60vw;}
.map-iframe {height: 100%;width: 100%;display: block;}
.cont-desc {font-size: 0.83vw;font-size: max(0.83vw,14px);margin-top: 15px;}
.cont-form {max-width: 1200px;margin-left: auto;margin-right: auto;}
.el-width-2 {width: 49.16%;}
.el-input-dl>dd {flex: 1;}
.el-dl-normal {
  height: 46px;line-height: 46px;border: 1px solid #e8e8e8!important;border-radius: 5px;background-color: #fff!important;padding: 0 20px;
}
.el-input-val {font-size: 14px;width: 100%;color: #666;}
.el-cont-row {margin-top: 15px;}
.el-cont-box{padding-top: 25px;}
.el-text-dl{height: 340px;line-height: normal;padding: 20px;}
.el-text-val {width: 100%;height: 100%;resize: none;}
.vcode {width: 203px;height: 59px;margin: 0 10px;}
.vcode2 {width: 118px;height: 45px;}
.el-btn-box {margin-top: 3.38vw;text-align: center;}
.el-submit-btn {display: inline-flex;width: 260px;height: 56px;align-items: center;justify-content: center;background-color: #0a4ea1;color: #fff;font-size: 1.25vw;border-radius: 999px;font-size: max(1.25vw,18px);}
.cont-box {padding-bottom: 15vw;background-repeat: no-repeat;background-size: 100% auto;background-position: center bottom;}
.news_details_desc-box {font-size: 0.83vw;font-size: max(0.83vw,14px);color: #555;margin-top: 25px;}
.news_details-tit {font-size: 1.56vw;font-weight: 600;}
.news_details_left {padding: 2.86vw 2.60vw 0 0;border-right: 1px solid #f1f1f1;width: 76.25%;}
.news_details_right {width: 23.75%;}
.news_details {border-top: 1px solid #f1f1f1;padding-bottom: 5.72vw;}
.news_details_show {font-size: 0.83vw;font-size: max(0.83vw,14px);color: #555555;line-height: 1.93em;padding: 30px 0;}
/* .news_details_show p {margin: 35px 0;} */
.news_details_show span {text-wrap: wrap!important;}
.el-input-width {width: 180px;}
.news_details_square {display: inline-block;width: 8px;height: 8px;background-color: #ff9f23;}
.news_details_right {padding-left: 1.56vw;}
.news_details_rtit {font-size: 1.25vw;color: #0c5285;font-weight: 600;padding: 1.56vw 0;}
.news_details_rul>li:first-child {padding-top: 0;}
.news_details_rul>li {font-size: 0.83vw;font-size: max(0.83vw,14px);padding: 1.30vw 0;border-bottom: 1px solid #eeeeee;}
.news_details_rul_tit {color: #c5c5c5;margin: 15px 0;}
.news__tit {font-size: 2.18vw;font-weight: 600;text-align: center;}
.news_list {padding: 3.64vw 0 0;}

.rd-img {height: 100%;object-fit: cover;}
.news_list_tit {font-size: 1.25vw;font-weight: 600;color: #333;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;}
.news_list_rdate {font-size: 0.9375vw;font-size: max(0.9375vw,16px);display: none;margin-top: 1.04vw;}
.news_list_desc {font-size: 0.83vw;font-size: max(0.83vw,14px);line-height: 1.93em;margin-top: 1.04vw;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
.news_list_date {background-color: #0c5285;color: #fff;width: 128px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.news_list_date_day {font-size: 2.88vw;font-weight: 600;}
.news_list_date_year {font-size: 0.9375vw;font-size: max(0.9375vw,16px);margin-top: 1.56vw;}
.news_list_left {width: 35.25%;}

.news_list_ul>li {background-color: #fff;margin-top: 3.125vw;}

@media (min-width:992px) {
  .news_list_ul>li:first-child .news_list_desc {-webkit-line-clamp: 3;}
.news_list_ul>li:first-child .news_list_date{display: none;}
.news_list_ul>li:first-child .news_list_left  {width: 49.375%;}
.news_list_ul>li:first-child .news_list_rdate {display: block;}
.news_list_ul>li:first-child .news_list_right {padding-left: 3.64vw;padding-top: 3.125vw;position: relative;}
.news_list_ul>li:first-child .news_list_right::before {content: "";display: block;width: 38px;height: 6px;background-color: #ff9f23;left: 0;top: 3.8vw;position: absolute;max-width: 3vw;}
.product-case_brul>li:hover .product-case-brul-icon {display: block;}

.head-nav-ul>li:hover .drop-cont {
  display: block;
  animation: hideIndex2 .3s ease;
}
}
@keyframes hideIndex2 {
  0% {
    opacity: 0;
    padding-top: 18px;
  }
  
  100% {
    opacity: 1;
    padding-top: 0px;
  }
}



.news_list_right {padding-left: 2.60vw;padding-top: 15px;padding-bottom: 15px;color: #888;}
.news_check_btn {display: inline-flex;width: 142px;height: 44px;align-items: center;justify-content: center;background-color: #efefef;font-size: 0.83vw;font-size: max(0.83vw,14px);margin-top: 1.30vw;transition: background-color .3s ease;border-radius: 2px;}

.news_list_ul>li:hover [class*=tit]{color: #0c5285;}
.news_list_ul>li:hover .news_check_btn {background-color: #0c5285;color: #fff;}
.product_details {border-top: 1px solid #f1f1f1;padding: 30px 0 0;}
.product_detail_pb {padding-bottom: 5.625vw;}
.prod_dtit {padding: 1.82vw 1.04vw;background:#0c5285 url(../img/global.png);background-size: 90% auto;background-position: left center;background-repeat: no-repeat;font-size: 1.86vw;color: #fff;font-weight: 600;}
.product_dlist {padding: 0 20px;}
.product_dlist>li {padding: 20px 5px;border-bottom: 1px solid #f7f7f7;font-size: 0.83vw;font-size: max(0.83vw,14px);color: #555555;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;}
.product_dlist>li a {color: #555555;}
.strech {align-items: stretch;}
.product_dleft {width: 300px;}
.product_dr_stop {padding-bottom: 2.08vw;border-bottom: 1px solid #e7e7e7;}
.product_dright {width: calc(100% - 300px);padding-left: 1.97vw;}
.prduct-cont-top {background-color: #0c5285;padding:1.04vw;color: #fff;}
.prduct-cont-tit {font-size: 1.25vw;}
.prduct-cont-tit-en {font-size: 0.9375vw;font-size: max(0.9375vw,16px);margin-top: 10px;} 
.prduct-info-ul {padding: 10px 15px;border: 1px solid #d9d9d9;}
.prduct-info-ul>li {line-height: 2.25em;color: #666666;}
.product_dr_tleft {width: 39.44%;}
.product_dr_tright {width: 60.56%;}
.swiper-thumbs-box {
  padding: 0 30px;
  margin-top: 20px;
}
.el-cont_btn {display: inline-flex;width: 195px;height: 45px;background-color: #0c5285;color: #fff;justify-content: center;align-items: center;color: #fff;font-size: 0.83vw;font-size: max(0.83vw,16px);min-height: 45px;}
.con-inner-form {padding-top: 20px;}
#swiper-thumbs .swiper-slide {border: 1px solid #eeeeee;display: flex;align-items: center;justify-content: center;cursor: pointer;aspect-ratio: 92 / 66;min-height: 52px;}
#swiper-thumbs .swiper-slide-thumb-active {
  border: 2px solid #1865b0;
}
#swiper-main .swiper-slide {display: flex;align-items: center;justify-content: center;border: 2px solid #1865b0;border-radius: 10px;aspect-ratio: 495 / 352;min-height: 265px;}
.swiper-main-prev {left: 0;}
.swiper-main-next {right: 0;}
.swiper-main-prev::after,.swiper-main-next::after {color: #5e5959;font-size:1.66vw;}
.product_dr_tr_tit {font-size: 1.56vw;font-weight: 600;color: #000;}
.product_dr_tright {padding-left: 2.60vw;}
.product_dr_tr_desc {line-height: 1.93em;font-size: 0.83vw;font-size: max(0.83vw,14px);}
.cont_btn {display: inline-flex;align-items: center;width: 14.42vw;height: 3.125vw;background-color: #0c5285;color: #fff;font-size: 0.83vw;font-size: max(0.83vw,14px);justify-content: center;border-radius: 5px;margin-top: 2.08vw;min-height: 45px;min-width: 220px;}
.cont_btn .iconfont {font-size: 20px;}
.product_dt_btop {background-color: #f6f6f6;}
.product_dt_btit{padding: 20px 0;font-size: 1.25vw;width: 12.5vw;text-align: center;background-color: #0c5285;color: #fff;min-width: 120px}
.product_dr_bott {margin-top: 25px;}
.product_dt_bshow {padding-top: 40px;}
.main-img {max-height: 90%;max-width: 80%;}
.cont-form-inner {max-width: 1400px;margin-left: auto;margin-right: auto;}
.el-cont-row1 .cont-form-val{height: 45px;line-height: 45px;background-color: #efefef;width: 100%;flex: 1;padding: 0 20px;font-size: 14px;color: #666;}
.el-cont-w3 {width: 23.92%;margin-left: 1.42%;}
.el-cont-w3:nth-of-type(4n+1) {margin-left: 0;}
.el-cont-row1 {margin-top: 20px;}
.el-cont-row1 .cont-form-text{height: 100px;padding: 20px;line-height: normal;resize: none;}
.cont-form-box {padding: 2.60vw 0;background-color: #f6f6f6;}
.product_dr_sleft {font-size: 1.875vw;font-weight: 600;}
.product_dr_sbox {width: 220px;height: 40px;background-color: #f5f6f6;}
.product_dr_val {font-size: 14px;color: #666;width: 100%;flex: 1;padding: 0 15px;}
.product_dr_btn {padding: 0 12px;position: relative;}
.product_dr_btn::after {content: "";display: block;width: 1px;height: 24px;background-color: #dedede;position: absolute;top: 50%;transform: translate(0,-50%);left: 0;}
.product_dr_ul>li {width: 31.36%;margin-left: 2.955%;text-align: center;margin-top: 40px;font-size: 0.9375vw;font-size: max(0.9375vw,16px);}
.product_dr_ul>li:nth-of-type(3n+1) {margin-left: 0;}
.product_dr_top1 {display: flex;align-items: center;justify-content: center;border: 1px solid #dedede;border-radius: 10px;aspect-ratio: 392 / 279;}
.hover-bold>li:hover [class*=tit]{font-weight: 600;}
.product_dr_ul>li:hover .product_dr_top1 {border: 2px solid #0c5285;}
.product_dr_bott1 {padding-top: 20px;}
.prev_next_box {background-color: #f5f5f5;padding: 20px 0;font-size: 0.83vw;font-size: max(0.83vw,14px);}
.prev_next {width: 50%;padding: 0 1.82vw;position: relative;}
.prev_next::before {content: "";display: block;width: 1px;height: 100%;background-color: #e3e3e3;left: 0;top: 50%;transform: translate(0,-50%);position: absolute;}
.prev_next:first-child::before {display: none;}
.p-img {max-height: 100%;}
.more-news-btn {display: flex;align-items: center;justify-content: center;width: 155px;height: 45px;background-color: #ff9f23;color: #fff;justify-content: center;font-size: 0.83vw;font-size: max(0.83vw,16px);position: relative;overflow: hidden;}
.more-news-btn::before {content: "";display: block;width: 100%;height: 100%;background-color: #0c5285;transform: translate(-5px,0);position: absolute;top: 0;right: 0;transition: transform .3s ease;}
.more-news-btn:hover::before {transform: translate(-100%,0);}

.drop-cont {
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%,100%);
  min-width: 188px;
  display: none;
}

.drop-cont .drop-ul {
  background-color: #fff;
  box-shadow: 0 2px 16px 0 rgb(155 155 155 / 20%);
  border-top: 2px solid #0c5285;
}

.drop-cont .drop-ul>li {
  padding: 15px;
  position: relative;
  border-bottom: 1px solid #d2d2d2;
  text-align: center;
  font-size: 0.83vw;font-size: max(0.83vw,14px);
}

.drop-cont .drop-ul>li.on a {
  color: #2456a1;
}
#up-btn {display: none;}
.right-fixed{position: fixed;right: 0;top: 50%;transform: translate(0,-50%);z-index: 99;}
.right-fixed-ul>li {width: 55px;height: 55px;background-color: #0c5285;color: #fff;position: relative;}
.right-fixed-ul>li a {color: #fff;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.right-fixed-ul>li:hover {background-color: #ff9f23;}
.right-fixed-ul>li .iconfont {font-size: 24px;}
.right-fixed-ul>li:hover .hot-drop {display: block;animation: hideIndex3 .3s ease;;}
.hot-drop {position: absolute;left: 0;transform: translate(-100%,-50%);top: 50%;padding-right: 20px;display: none;}
.hot-line {min-width: 175px;height: 55px;font-size: 0.83vw;font-size: max(0.83vw,16px);box-shadow: 0 0 7px rgba(0, 0, 0, .07);color: #0c5285;display: flex;align-items: center;justify-content: center;font-weight: 600;padding: 0 10px;position: relative;background-color: #fff;}
.hot-line::after {content: "";display: block;width: 0;height: 0;border-left: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;right: 0;top: 50%;transform: translate(100%,-50%);position: absolute;filter: drop-shadow(0 0 7px rgba(0, 0, 0, .07));}
.br5 {border-radius: 5px;}
.br10 {border-radius: 10px;}
.tc {text-align: center;}
.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.line2 {
  -webkit-line-clamp: 2;
}
.col-000 {color: #000;}
.col-333 {
  color: #333;
}
.col-666 {
  color: #666;
}
.col-999 {
  color: #999;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 0.83vw;font-size: max(0.83vw,14px);
}
.col-fff {
  color: #fff;
}
.col-fff a {color: #fff;}
.bgfff {
  background-color: #fff;
}
.tr {text-align: right;}

.theme {
  color: #0054a3;
}

@keyframes myfirst {
  0% {
      transform: translate(0px, 0px);
  }

  50% {
      transform: translate(0px, -10px);
  }
  100% {
      transform: translate(0px, 0px);
  }
}
@keyframes test {
  0% {
      transform: translate(0, 0);
  }
  50% {
      transform: translate(0, 5px);
  }

  100% {
      transform: translate(0, 0);
  }
}